<template>
   
    <input type="number" v-model="first"><br>
    <button @click="increment">+</button>
    <button @click="decrement">-</button><br>
    <input type="number" v-model="second"><br>
    <Text>=</Text><br>
    <input type="number" v-model="counter">
   
  </template>

<script>       
   export default {
    data() {
            return {
                first: '',
                second: '',
                counter: ''
            }
        },
        methods: {
            increment() {
                
                this.counter=this.first + this.second
            },
            decrement() {
                if (this.counter > 1) {
                    this.counter=this.first - this.second
                }
            },
        }
        
    };
    
</script>
